@charset "utf-8";

/*index*/
.user_box{height: 285px;}

.user_bg{height: 285px;width: 100%;overflow: hidden;}
.user_bg img{width: 100%;position: relative;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}

.user_main{width: 100%;height: 285px;position: relative;top: -285px;padding-top: 38px;}

.user_img{width: 68px;height: 68px;border: 2px #fff solid;border-radius: 100%;-webkit-border-radius: 100%;overflow: hidden;;margin: 0 auto;}
.user_img img{width: 100%;}

.user_title{padding-bottom: 10px;}
.user_title h2{text-align: center;font-size: 12px;color: #fff;letter-spacing: 0.2em;}
.user_title h2 span{font-size: 20px;color: #2ecd72;letter-spacing: 0;}

.user_b{position: absolute;bottom: 0;width: 100%;background: rgba(0,0,0,0.16);font-size: 12px;color: #fff;text-align: center;height: 30px;line-height: 30px;letter-spacing: 0.0em;}
.heart_box{margin-right: 10px;}
.heart_box i{font-size: 12px;}
.heart_box i.disable{opacity: 0.36;filter:alpha(opacity=36);}


.test{padding-top: 10px;border-top: 1px rgba(255,255,255,0.5) solid;}
.test_t h6{text-align: left;text-indent: 20px;font-weight: normal;}
.test_t h6 span{font-size: 10px;color: #fff;}
.test .f_show{padding: 18px 0;}
.test ul{}
.test li{text-align: center;}
.test a.more{padding: 10px;position: absolute;right: 10px;top: 50%;margin-top: -20px;color: #fff;}
.test li h2{color: #fff;font-size: 15px;}
.test li p{color: #fff;font-size: 16px;}
.test li p span{font-size: 24px;}

.serve{}
.serve .f_show{padding: 15px 0;}

.serve ul{}
.serve li{}
.serve li a{display: block;}
.serve li .img_item{text-align: center;width: 50px;height: 50px;border-radius: 100%;-webkit-border-radius: 100%;margin: 0 auto;background-position: center;background-size: cover;}

.serve li .img_item i{color: #fff;font-size: 30px;line-height: 50px;}
.serve li p{text-align: center;padding-top: 5px;font-size: 12px;color: #222;}
.serve .item1 .img_item{background-image: url(../images/server1.png);}
.serve .item2 .img_item{background-image: url(../images/server2.png);}
.serve .item3 .img_item{background-image: url(../images/server3.png);}
.serve .item4 .img_item{background-image: url(../images/server4.png);}


.message{}
.message .f_show{padding: 15px 0;}

.message ul{padding: 0 10px;}
.message li{float: left;width: 50%;padding: 0 5px;margin-bottom: 5px;}
.message li a{display: block;position: relative;border-radius: 10px;-webkit-border-radius: 10px;overflow: hidden;}
.message li img{display: block;width: 100%;}
.message li p{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);;height: 14px;line-height: 14px;text-align: center;color: #fff;font-size: 14px;}


.AD{overflow: hidden;}
.ad_box{border-radius: 0 0 10px 10px;}
.ad_box a{display: block;}
.ad_box a img{display: block;width: 100%;}


.copyRight{}
.copyRight h2{font-size: 12px;color: #222;line-height: 30px;height: 30px;text-align: center;}

.trend_box{position: absolute;z-index: 10;right: 5%;top: 8%;}
.trend_box img{margin: 0 auto;display: block;width: 20px}
.trend_box p{font-size: 12px;color: #2ecd72;}


.test_null{}
.test_null img{display: block;float: left;margin: 20px 10px 0;}
.test_null p{color: #fff;line-height: 26px;margin-top: 20px;}



